<template>
  <div class="u-text-center myPages">
    <h2 style="margin: 30px 0px">产品服务</h2>
    <div class="box">
      <div>sadadasdasadsadsasdadsadsadsadsadsadsdasdadsasdasddas</div>
      <div v-html="html"></div>
    </div>
  </div>
</template>
<script setup lang="ts">
import homeApi from "@/api/home";
import { ref, reactive } from "vue";
const html = ref("");
homeApi.getByProductCode({}).then((res) => {
  console.log(res);
  html.value = res.data.productIntro;
  // Object.assign(aboutDic, res.data);
});
</script>

<style scoped>
.box {
  margin: 20px 40px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 #ebeaea;
  min-height: 180px;
  padding: 30px 30px 50px;
  transition: all 0.5s;
}
</style>
